// 宽高
@mixin wh($width, $height) {
  width: $width;
  height: $height;
}

// 字体大小，颜色
@mixin sc($size, $color) {
  font-size: $size;
  color: $color;
}

// flex 布局和 子元素 对其方式
@mixin fj($type: space-between) {
  display: flex;
  justify-content: $type;
}

// 1px底部边框
@mixin border-1px($color) {
  position: relative;
  &:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid $color;
    content: '';
  }
}

// 圆角
@mixin borderRadius($radius) {
  -webkit-border-radius: $radius;
  border-radius: $radius;
}

// flexz纵向上下左右居中
@mixin flexCenter() {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}